<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/login.css">
    <script src="js/jquery.1.8.js" type="text/javascript"></script>
    <script src="js/vue.js" type="text/javascript"></script>
</head>
<body >
    <div id="app" class="out">

        <div class="top">
            “微商城”-注册
            <img src="image/aiwrap.png" />
        </div>

        <div class="text">
            <input type="text" v-model="loginName" placeholder="请输入用户名："/>
        </div>

        <div class="text">
            <input type="text" v-model="pwd" placeholder="请输入密码；"/>
        </div>
        <div class="text">
            <input type="text" v-model="name" placeholder="请输入姓名："/>
        </div>


        <div class="bottom" @click="reg">
            注册
        </div>


    </div>
    
</body>
<script>
    var vm=new Vue({
        el:'#app',
        data: {
            loginName: '',
            pwd:'',
            name:''
        },
        methods:{
            reg(){
                $.ajaxSetup({
                    contentType:"application/json;charset=utf-8"
                });

                var data={'loginName':this.loginName,"pwd":this.pwd,"name":this.name}
                $.post("http://api.tutestudio.net/api/reg",JSON.stringify(data),function(res){
                    if(res.code==200){
                        alert('注册成功')
                        location.href='login.html'
                    }
                    else{
                        alert(res.msg)
                    }
                })


                // if(this.loginName=="gaojiayao" && this.pwd=="123456"){
                //     alert('登录成功')

                // }
                // else{
                //     alert('登录失败')
                // }
            }
        }
    })
</script>
</html>